@import '~@/assets/styles/var';
@import '~@/assets/styles/mixin.scss';

.config {
  padding: 50px 0;
  &__item {
    margin: 0 auto;
    display: flex;

    @media (min-width: $max-mobile-width) {
      width: 75%;
    }

    @media (min-width: $--md) {
      width: 55%;
    }

    &-title {
      font-size: 14px;
      font-weight: 500;
      line-height: 32px;
      color: #606266;
      vertical-align: middle;
      padding: 0 12px 0 0;
      box-sizing: border-box;
    }

    &-value {
      flex: 1;
      font-size: 14px;
      line-height: 32px;
      color: #c1c1c1;
      vertical-align: middle;
      padding: 0 12px 0 0;
      box-sizing: border-box;
    }

    &-button {
      float: right;
    }
  }
  &__item + &__item {
    margin-top: 18px;
  }
}
